<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../vue.js"></script>
    <script>
        window.onload=function () {
            var vm = new Vue({//不使用对象的时候直接new： new Vue({
                el:'#box',//数据需要释放哪里——选择器
                data:{
                    a:true
                },//传入的数据
            });//得到对象C
        };
    </script>
</head>
<body>
<!--显示隐藏的属性——v-show="true/false"显示还是消失-->
<div id="box">
    <input type="button" value="按钮" v-on:click="a = false">
    <!--现在只是实现消失而是在没有触发按钮的情况下-->
    <div style="width: 50px;height: 50px;background-color: green" v-show="a"></div>
</div>
</body>
</html>